<template>
	<!-- 联系人信息 -->
	<view class="module-block" v-if="linkman || linktel">
		<view class="module-info">
			<view class="module-title">联系人信息</view>
			<view class="module-group">
				<view v-if="linkman" class="group-item">
					<view class="hd">联系人</view>
					<view class="bd">{{linkman}}</view>
				</view>
				<view v-if="linktel && showPhone==1" class="group-item">
					<view class="hd">手机号</view>
					<view class="bd">{{linktel}}</view>
				</view>		
				<view v-if="linkidcard" class="group-item">
					<view class="hd">身份证号</view>
					<view class="bd">{{linkidcard}}</view>
				</view>	
				<view v-if="receiver_address" class="group-item">
					<view class="hd">收货地址</view>
					<view class="bd">{{receiver_address}}</view>
				</view>
				<view v-if="remark" class="group-item">
					<view class="hd">备注</view>
					<view class="bd">{{remark}}</view>
				</view>
			</view>
		</view>
	</view>		
</template>
<script>
	export default {
		name: "stOrderLinkInfo",
		props: {
			linkman:{
				type: [Number, String],
				default: ""
			},
			linktel:{
				type: [Number, String],
				default: ""
			},
			linkidcard:{
				type: [Number, String],
				default: ""
			},
			linkemail:{
				type: [Number, String],
				default: ""
			},
			remark:{
				type: [Number, String],
				default: ""
			},
			receiver_address:{ // 收货地址
				type:String,
				default:''
			},
			showPhone:{
				type: [Number, String],
				default: 1
			},
		},
		data() {
			return {}
		}
	}
</script>

<style lang="scss" scoped>
	.module-block{
		padding: 0 24rpx;
		margin-bottom: 20rpx;
		.module-info{
			padding: 28rpx 24rpx 0;
			border-radius: 20rpx;
			background-color: $uni-bg-color;
			.module-title{
				line-height: 1.24;
				font-size: 34rpx;
				font-weight: bold;
			}
			.module-group{
				padding: 20rpx 0;
				.group-item{
					display: flex;
					padding: 20rpx 0;
					font-size: $uni-font-size-base;
					position: relative;
					.hd{
						width: 150rpx;
						flex: 0 0 auto;
					}
					.bd{
						flex: 1 1 auto;
						text-align: left;
					}
				}
			}
		}
	}
</style>
